🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →

postcss-normalize-charset

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

postcss-normalize-charset

Add necessary or remove extra charset with PostCSS

5.1.0

Source

npm

Version published: 3 years ago

Weekly downloads: 11M

Maintainers: 7

Weekly downloads

Created: 10 years ago

What is postcss-normalize-charset?

The postcss-normalize-charset npm package is a PostCSS plugin that ensures that a single @charset rule is present at the top of your CSS files. It can remove unnecessary @charset rules and can add one if not present when a non-ASCII character is found in the file. This helps in maintaining the proper character encoding in your CSS, which is important for the correct rendering of text in web pages.

What are postcss-normalize-charset's main functionalities?

Adding @charset rule

This feature automatically adds an @charset rule to the CSS if the file contains non-ASCII characters and no @charset rule is present.

const postcss = require('postcss');
const normalizeCharset = require('postcss-normalize-charset');

postcss([normalizeCharset()])
  .process('a { content: "\2014" }', { from: undefined })
  .then(result => {
    console.log(result.css);
    // Output: '@charset "utf-8";\na { content: "\2014" }'
  });

Removing unnecessary @charset rules

This feature removes duplicate or unnecessary @charset rules, ensuring that only one is present at the top of the CSS file.

const postcss = require('postcss');
const normalizeCharset = require('postcss-normalize-charset');

postcss([normalizeCharset()])
  .process('@charset "utf-8";\n@charset "utf-8";\na { color: black; }', { from: undefined })
  .then(result => {
    console.log(result.css);
    // Output: '@charset "utf-8";\na { color: black; }'
  });